
*{
  box-sizing: border-box
}
body, html
  line-height 1
  font-family 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  -webkit-tap-highlight-color transparent
  background #fff
  width:100%
label
  font-weight normal
  font-size 15px
  line-height 2.3
textarea
  resize none
.cover
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:200;
  top:0;
  left:0;
  overflow-y:auto;

  .moduleBox
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 40%;
    border-radius: 0.22rem;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration:0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    overflow: hidden;
    z-index: 300;
    padding:0;


  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%, -100%);
    }

    100% {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%, -50%);
    }
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%, -100%);
    }

    100% {
      opacity: 1;
      -o-transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
  }
// .cover
//     width 100%
//     height 100%
//     position fixed
//     left 0
//     top 0
//     bottom 0
//     background rgba(0,0,0,.5)
//     z-index 2000
// .coverContent
//     padding 10px 30px 30px 30px
//     background #fff
//     border-radius 5px
//     width 82%
//     min-height 75%
//     height 80%
//     top 12% !important
// .displayInline
//   display inline-block
// .fadeInDown
//   position relative
//   left 50%
//   top: 40%
//   animation fadeInDown 0.3s forwards
//   overflow-y auto

//   @keyframes fadeInDown
//     0% {
//       opacity: 0;
//       -webkit-transform: translate(-50%, -40%);
//       -ms-transform: translate(-50%, -40%);
//       transform: translate(-50%, -40%);
//     }

//     100% {
//       opacity: 1;
//       -webkit-transform: translate(-50%, 0);
//       -ms-transform: translate(-50%, 0);
//       transform: translate(-50%, 0);
//     }
.clearfix:after,
.clearfix:before {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	*zoom: 1;
}
.iconfont
  font-family "iconfont" !important
  font-size 16px;
  font-style normal
  -webkit-font-smoothing antialiased
  cursor pointer

.content
  width: 1200px
  margin: 0 auto
.active
  color red
.current
  color red
button
  border none
  outline none
  cursor pointer


